// pages/personal/personal.js
import request from '../../utils/request'
let startY = 0; //手指起始坐标
let moveY = 0; //手指移动实时坐标
let moveDistance = 0; //手指移动的距离
Page({

  /**
   * 页面的初始数据
   */
  data: {
    coverTransform: 'translateY(0)',
    coverTransition: '',
    userInfo:{},//用户信息
    recentPlayList: []//用户播放记录
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 读取本地用户的信息
    let userInfo = wx.getStorageSync('userInfo')
    if(userInfo){//用户登录
      //更新userInfo状态
      this.setData({
        userInfo//键值同名
      })
      //发请求获取用户播放记录
      this.getRecentPlayData(this.data.userInfo.userId)
    }
  },
  // 获取用户播放记录功能函数
  async getRecentPlayData(userId){
    let result = await request('/user/record',{uid:userId,type:0});
    let index = 0;
    let recentPlayList = result.allData.slice(0,10).map(item =>{
      item.id = index++
      return item
    })
    // console.log(recentPlayList);
    this.setData({
      recentPlayList//键值重名  赋值
    })
  },
  //  手指点击事件
  handleTouchStart(event){
    this.setData({
     coverTransition: ''
    })
    // 获取手指起始坐标
    startY = event.touches[0].clientY;
  },
  //  手指移动事件
  handleTouchMove(event){
    moveY = event.touches[0].clientY;
    // 计算手指移动距离
    moveDistance = moveY - startY;
    if(moveDistance < 0) return
    if(moveDistance >= 80){
      moveDistance = 80
    }
    // 控制cover移动 更新transform数据
    this.setData({
      coverTransform: `translateY(${moveDistance}rpx)`
    })
  },
  //  手指松开事件
  handleTouchEnd(){
    //动态更新状态数据
    this.setData({
      coverTransform: `translateY(0)`,
      coverTransition: 'transform 1s linear'
    })
  },
  // 跳转至login页面
  toLogin(){
    // 判断用户是否已经登录
    if(this.data.userInfo.nickname) return
    wx.navigateTo({
      url: '/pages/login/login',
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})